<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>UnionSmart运维平台</title>

    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/base.css" rel="stylesheet" />


</head>
<body>
    <!--navbar 开始-->
    <div id="wraper">
        <nav id="left-menu" class="navbar-default navbar-static-side">
            <li class="header">
                UnionSmart运维平台
            </li>
            <li>
                <a href="#">
                    <i class="glyphicon glyphicon-home"></i>
                    <span>
                        第十三天作业
                    </span>
                    <span class="glyphicon glyphicon-menu-left arrow"></span>
                </a>
                <ul class="nav second-level collapse in">
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">
                    <i class="glyphicon glyphicon-home"></i>
                    <span>
                        第十三天作业
                    </span>
                    <span class="glyphicon glyphicon-menu-left arrow"></span>
                </a>
                <ul class="nav second-level collapse in">
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">
                    <i class="glyphicon glyphicon-home"></i>
                    <span>
                        第十三天作业
                    </span>
                    <span class="glyphicon glyphicon-menu-left arrow"></span>
                </a>
                <ul class="nav second-level collapse in">
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">
                    <i class="glyphicon glyphicon-home"></i>
                    <span>
                        第十三天作业
                    </span>
                    <span class="glyphicon glyphicon-menu-left arrow"></span>
                </a>
                <ul class="nav second-level collapse in">
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">
                    <i class="glyphicon glyphicon-home"></i>
                    <span>
                        第十三天作业
                    </span>
                    <span class="glyphicon glyphicon-menu-left arrow"></span>
                </a>
                <ul class="nav second-level collapse in">
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">
                    <i class="glyphicon glyphicon-home"></i>
                    <span>
                        第十三天作业
                    </span>
                    <span class="glyphicon glyphicon-menu-left arrow"></span>
                </a>
                <ul class="nav second-level collapse in">
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">
                    <i class="glyphicon glyphicon-home"></i>
                    <span>
                        第十三天作业
                    </span>
                    <span class="glyphicon glyphicon-menu-left arrow"></span>
                </a>
                <ul class="nav second-level collapse in">
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                    <li>
                       <a href="#">作业一</a>
                    </li>
                </ul>
            </li>
        </nav>
        <div style="margin-left: 250px; background-color: blue;height: 100%;float: left">
            dadfasdfadsfasdf
        </div>
    </div>
    <script src="js/jquery-2.2.3.js" ></script>
    <script src="js/bootstrap.js" ></script>
    <script src="js/jquery.slimscroll.min.js"></script>
    <script>
        function setScroll(){
        $(".navbar-static-side").slimScroll({
            width: '230px',
            height: $('.navbar-static-side').outerHeight(),
//            alwaysVisible: true,
            position: 'right',
//            color:'red',
            disableFadeOut:true,
            railColor:'#005612',
            size:'3px',
        });
        }
        setScroll();
        $(window).on("resize",setScroll);
    </script>
</body>
</html>